<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Language" content="en" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>jQuery UI: Demo Viewer</title>

	<!-- jQuery -->
	<script type="text/javascript" src="../../../jquery-1.2.4b.js"></script>

	<!-- jQuery Plugins -->
	<script src="../../../plugins/corner/jquery.corner.js" type="text/javascript"></script>

	<!-- jQuery UI -->
	<script src="../../../ui/ui.core.js" type="text/javascript" charset="utf-8"></script>

	<script src="../../../ui/ui.draggable.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../ui/ui.droppable.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../ui/ui.resizable.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../ui/ui.sortable.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../ui/ui.selectable.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../ui/ui.tabs.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../ui/ui.dialog.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../ui/ui.slider.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../ui/ui.accordion.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../ui/datepicker/core/ui.datepicker.js" type="text/javascript" charset="utf-8"></script>

	<script src="js/demo.js" type="text/javascript" charset="utf-8"></script>

	<style type="text/css">
		@import "css/demo.css";
	</style>

	<link rel="stylesheet" href="../../../themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)" />
</head>
<body>
	<div id="sidebar">
		<ul id="component-links">
			<li class="menutitle">Components</li>
			<li><a href="#ui.accordion" title="Goto Accordion's Component Page">Accordion</a></li>
			<li><a href="#ui.dialog" title="Goto Dialog's Component Page">Dialog</a></li>
			<li><a href="#ui.draggable" title="Goto Draggable's Component Page">Draggable</a></li>
			<li><a href="#ui.droppable" title="Goto Droppable's Component Page">Droppable</a></li>
			<li><a href="#ui.resizable" title="Goto Resizable's Component Page">Resizable</a></li>
			<li><a href="#ui.selectable" title="Goto Selectable's Component Page">Selectable</a></li>
			<li><a href="#ui.sortable" title="Goto Sortable's Component Page">Sortable</a></li>
			<li><a href="#ui.tabs" title="Goto Tabs Component Page">Tabs</a></li>
		</ul>
	</div>
	<div id="main">
		<div id="header">
			<h1>jQuery UI 1.5 - Demos</h1>
		</div>
		<div id="content">
			<div id="containerDemo">
				<p>Welcome to Demo Viewer, an interactive page for looking at and playing with each jQuery UI component.</p>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		$(function() {

			$('#component-links a').click(function() {
				var comp = $(this).attr('href').replace(/^#/, "");
				loadDemo(comp);
			});

			// hash listener
			if (location.hash) {
				loadDemo(location.hash.replace(/^#/, ""));
			}

		});
	</script>
</body>
</html>
